<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
<code data-enlighter-language="css">list-style: decimal-leading-zero outside;</code> invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
</p>
<pre data-enlighter-language="css" data-enlighter-highlight="13-22">
/*!
---
description: EnlighterJS Theme-Base - All Themes are derived from these styles!

...
*/


p {
    font-family: "Times New Roman";
    font-size: 20px;
}
@media screen {
    p {
        font-family: verdana, sans-serif;
        font-size: 17px;
    }
}

@media print {
    p {
        font-family: georgia, serif;
        font-size: 14px;
        color: blue;
    }
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

input.number,
select.number,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

@media (min-width: 800) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group-vertical > .btn:focus {
  outline: 0;
}

.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}

/*
---
description: EnlighterJS Theme-Base - All Themes are derived from these styles! Don't edit this file if you wan't to change styles! Use a derived theme!

license: MIT-style

authors:
  - Andi Dittrich
...
*/

/* BASE Styles */
.EnlighterJS, .EnlighterJSWrapper{
	font-family: Monaco, Courier, Monospace;
	font-size: 10px;
	line-height: 16px;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 0px;
	padding: 0px;
}

/* Wrapper/Container - contains all elements of an instance */
.EnlighterJSWrapper{
	position: relative;
}

/* RAW Styles */
.EnlighterJSWrapper pre{
	font-family: inherit;
	background-color: #ffffff;
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 20px 0px;
	line-height: 18px;
	font-size: 12px;
	color: #444444;
	border: none;
	border-radius: 0px;
	clear: none;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Inline specific styles */
span.EnlighterJS {
	padding: 3px 5px 1px 5px;
	border: solid 1px #e0e0e0;
	color: #333333;
	background-color: #f7f7f7;
	margin: 0px 2px 0px 2px;
}

/* LIST specific styles */
ol.EnlighterJS, ul.EnlighterJS{
	color: #939393;
	font-size: 10px;
	background-color: #f2f2f2;
	color: #939393;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-indent: 0px;
	list-style: decimal-leading-zero outside;
}

/* line styles */
ol.EnlighterJS li, ul.EnlighterJS li {
	margin: 0px;
	background-color: #ffffff;
	border: solid 0px #ffffff;
	padding: 0px 5px 0px 14px;
	line-height: 14px;
	color: #939393;
	list-style: none;
	font-size: inherit;
}
ol.EnlighterJS li{
	list-style: decimal-leading-zero outside;
	margin: 0px 0px 0px 40px;
}

/* no-linenumber style */
ul.EnlighterJS, ul.EnlighterJS li{
	list-style: none;
	display: block;
}
ul.EnlighterJS li:AFTER{
	content: ' ';
}

/* top+bottom offsets */
ol.EnlighterJS li:FIRST-CHILD, ul.EnlighterJS li:FIRST-CHILD{
	padding-top: 5px;
}
ol.EnlighterJS li:LAST-CHILD, ul.EnlighterJS li:LAST-CHILD{
	padding-bottom: 5px;
}

/* special line highlight color */
ol.EnlighterJS li.specialline, ul.EnlighterJS li.specialline {
	background-color: #F4F8FC;
}

/* default symbol style */
.EnlighterJS span {
	color: #000000;
	margin: 0px;
	padding: 0px;
	line-height: inherit;
	font-size: 12px;
}

/* TAB Panel - containing "buttons" to switch between multiple codeblocks */
.EnlighterJSTabPane .controls {
}
.EnlighterJSTabPane .controls ul{
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
.EnlighterJSTabPane .controls li {
	float: left;
	display: block;
	list-style: none;
	padding: 3px 10px 3px 10px;
	margin: 0px 5px 0px 5px;
	background-color: #f2f2f2;
	border-radius: 5px;
	font-size: 12px;
	color: #000000;
	font-family: Courier, monospace;
	cursor: pointer;
}

.EnlighterJSTabPane .controls .clearfixList{
	clear: left;
}
.EnlighterJSTabPane .pane {
	padding: 5px 0px 0px 0px;
	clear: left;
}

/* Toolbar - containing buttons */
.EnlighterJSToolbar{
	position: absolute;
	display: none;
	right: 0px;
	top: 0px;
	height: 40px;
	width: auto;
	padding: 15px;
}
/* Button Container */
.EnlighterJSToolbar > a{
	float: right;
	display: block;
	border-radius: 3px;
	z-index: 10;
	background-color: #ffffff;
	color: #717171;
	cursor: pointer;
	font-size: 12px;
	padding: 0px;
	border: solid 1px #e0e0e0;
	margin: 0px 0px 0px 15px;
	text-decoration: none;
	width: 23px;
	height: 23px;
	background-position: 0px 0px;
	background-size: contain;
	margin-left: 8px;
}
.EnlighterJSToolbar > a:HOVER{
	border-color: #b0b0b0;
}

/* Raw Button Identifiers */
.EnlighterJSRawButton, .EnlighterJSWindowButton{}

/* Show Toolbar on MouseOver */
.EnlighterJSToolbar > a:HOVER{
	text-decoration: none;
}

/* Button Icons */
.EnlighterJSWindowButton{
	background-image: url();
}
.EnlighterJSRawButton{
	background-image: url();
}
.EnlighterJSInfoButton{
	background-image: url();
}

/* Show Toolbar on Mouseover */
.EnlighterJSWrapper:hover .EnlighterJSToolbar{
	display: block;
}
.EnlighterJSToolbar .clear{
	clear: right;
	content: ' ';
	display: block;
}

		</pre>